//单独页面函数
function acontraction(){
//	查询按钮定位
	querylocation();
//	判断是否需要展开收起按钮
	unfoldShow();
//	计算展开收起按钮层的高度
	foldHeight();
//	当页面大小改变时

    window.onresize=function(){
//    	重新让页面自动适应父容器，填充满父容器
        $('.easyui-layout').layout({
            fit:true
        });
//        判断如果在展开状态下改变了页面大小时重新计算位置与高度
        if($('.floating_layer .fold_button').text()=='收起搜索'){
//        	展开状态下的查询按钮不能位置改变，所以删除绝对定位的class
        	$('.searchArea .spButton').removeClass('active');
        	var foldBtnWidth=$('.fold_button').outerWidth();
//        	展开状态下让父容器不能有内边距占据空白位置，设置为0
        	$('.searchArea').find('form').css('padding-right',foldBtnWidth);
//        	判断是否需要展开收起的按钮
        	var searHeight=$('.searchPad').outerHeight(true);
        		if($('.searchArea').find('form').height()>searHeight){
        			$('.floating_layer').show();
	        		$('.floating_layer').next('div').find('.searchArea').addClass('active');
	        		foldHeight();
	        	}else{
//	        		如果需要的话显示展开收起的按钮并且重新计算展开收起按钮层的高度
	        		$('.floating_layer').hide();
	        		$('.floating_layer').next('div').find('.searchArea').removeClass('active');	
	        		foldHeight();
	        	}
        }else{
            querylocation();
        	unfoldShow();
//           重新计算展开收缩按钮的高度
        	foldHeight();
        }
    };
	//给予展开收起按钮父容器与整个搜索栏的高度一致。（需要展开收起按钮放置在搜索栏底部居中时使用）
	function foldHeight(){
	    	 var tilteheight=$('.floating_layer').next('div').find('.searchArea').outerHeight();
//	                       将搜索区域的高度给展开收起浮动层
	    	 $('.floating_layer').height(tilteheight);
	};
	
	//判断内容是否需要展开收起按钮，需要显示，不需要隐藏
	function unfoldShow(){
		var foldBtnWidth=$('.fold_button').outerWidth();
//		根据搜索框父容器form元素的高度来判断是否有一行以上的内容
		var searHeight=$('.searchPad').outerHeight(true);
		if($('.searchArea').find('form').height()>searHeight){
			$('.floating_layer').show();
		}else{
			$('.floating_layer').hide();
			$('.searchArea form').css('padding-right',foldBtnWidth);
		}
	};
	//判断查询按钮所在位置的函数
	function querylocation(){
//		定义一个为0的数值
		var sum=0;
//		循环搜索框来拿到所有搜索框的宽度
		$('.searchArea .searchPad').each(function(index){
//			获取查询按钮的宽度
			var foldBtnWidth=$('.fold_button').outerWidth();
			var formwidth=$('.searchArea form').outerWidth(true);
			var submitWidth=$('.searchArea .spButton').outerWidth(true);
//			让搜索框的宽度不断相加
			sum+=+$(this).outerWidth(true);
//			判断是否大于或等于父容器form的宽度
			if(sum>=$('.searchArea').outerWidth(true)-submitWidth-foldBtnWidth){
//				停止相加
				return false;
			};
//			给查询按钮一个绝对定位的class
			$('.searchArea .spButton').addClass('active');
//			查询按钮的left值等于搜索框宽度相加到停止时的一个数值
			$('.searchArea .spButton').css('left',sum+'px');
			$('.searchArea .spButton').css('top','0');
//			给父容器一个相当于查询按钮宽度的内边距来让查询按钮占据位置
			$('.searchArea form').css('padding-right',formwidth-sum-submitWidth+'px');
		}); 
	};
	

	
}

//单个页面展开收起按钮点击事件
function exPand(oneself){
//	如果值为true时，点击展开内容
    if($(oneself).text()=='展开搜索'){
    	if($(oneself).is('.fold_button_right')){
  		  $(oneself).addClass('bottom_active');
  	  	}
    	var foldBtnWidth=$('.fold_button').outerWidth();
//    	点击添加让搜索框的容器的高度变为auto的class
       	$(oneself).parent('.floating_layer').next('div').find('.searchArea').addClass('active');
//      让父容器的内边距变为0，不让内边距占位置导致有大量空白
        $(oneself).parent('.floating_layer').next('div').find('.searchArea').find('form').css('padding-right',foldBtnWidth);
//      删除按钮的绝对定位class，让按钮正常排序在最后的搜索框后面
        $(oneself).parent('.floating_layer').next('div').find('.searchArea').find('.spButton').removeClass('active');
//      重新计算一次展开收起按钮层的高度，使其与搜索栏容器的高度一致
        var tilteheight=$(oneself).parent('.floating_layer').next('div').find('.searchArea').outerHeight();
//        将搜索区域的高度给展开收起浮动层       
        $(oneself).parents('.floating_layer').height(tilteheight);
//      变化展开收起按钮的样式
        $(oneself).text('收起搜索');
        $(oneself).addClass('active');
        $('.easyui-layout').layout({
            fit:true
        });
    }else{
    	if($(oneself).is('.fold_button_right')){
    		$(oneself).removeClass('bottom_active');
    	}
//    	删除自动高度auto的class
        $(oneself).parent('.floating_layer').next('div').find('.searchArea').removeClass('active');
//      删除展开后展开按钮的样式
        $(oneself).text('展开搜索');
        $(oneself).removeClass('active');
//      重新计算展开收起层的高度
        var tilteheight=$(oneself).parent('.floating_layer').next('div').find('.searchArea').outerHeight();
//      将搜索区域的高度给展开收起浮动层
        $(oneself).parents('.floating_layer').height(tilteheight);
//      重新计算查询按钮的位置使其排序在收起状态下的显示的一行的末尾
//		定义一个为0的数值
		var sum=0;
		var foldBtnWidth=$('.fold_button').outerWidth();
//		获取搜索区域的宽度
		var formwidth=$('.searchArea').outerWidth(true);
//		获取查询按钮的宽度
		var submitWidth=$('.searchArea').find('.spButton').outerWidth(true);
//		循环当前显示的页面搜索框来拿到所有搜索框的宽度
		$('.searchArea').find('.searchPad').each(function(index){
//			让搜索框的宽度不断相加
			sum+=+$(this).outerWidth(true);
//			判断是否大于或等于父容器form的宽度
			if(sum>=$(this).parents('.searchArea').outerWidth(true)-submitWidth-foldBtnWidth){
//				停止相加
				return false;
			};
//			给查询按钮一个绝对定位的class
			$(this).parents('.searchArea').find('.spButton').addClass('active');
//			查询按钮的left值等于搜索框宽度相加到停止时的一个数值
			$(this).parents('.searchArea').find('.spButton').css('left',sum+'px');
			$(this).parents('.searchArea').find('.spButton').css('top','0');
//			给父容器一个自动计算数值为查询按钮距离左边边界的内边距来让查询按钮占据位置
			$(this).parents('.searchArea').find('form').css('padding-right',formwidth-sum-submitWidth+'px');
		}); 
    }; 
    $('.easyui-layout').layout({
        fit:true
    });
};



//选项卡函数
function acontractionTab(){
//	需要运行的三个函数
//		计算查询按钮在收起状态下所处位置的函数
		querylocation();
//		计算展开收起按钮浮动层的高度的函数
		foldHeight();
//		计算是否需要展开收起浮动层的函数
		unfoldShow();
//	循环整个center区域的内容
	$('.easyui-tabs').find('.tabs-panels').find('.panel').each(function(){
//		获取到当前显示的内容，进行当前显示的内容里的操作
		if($(this).is(':visible')){
//			获取当前显示区域的搜索文本框的高度
			var searchPadHeight=$(this).find('.searchArea').find('.searchPad').outerHeight(true);
//			给整个搜索框区域一个基于搜索文本框高度的高度
			$(this).find('.searchArea').css('height',searchPadHeight);
//			每次运行这个函数的时候将展开收起的功能重置（用于用户切换选项卡的时候）
			$(this).find('.floating_layer').find('.fold_button').text('展开搜索');
			$(this).find('.floating_layer').find('.fold_button').removeClass('active');
			$(this).find('.floating_layer').find('.fold_button').removeClass('bottom_active');
			$(this).find('.searchArea').removeClass('active');
//			重新计算展开收起按钮浮动层的高度的函数
			foldHeight();
		};
	});
//	计算展开收起按钮浮动层的高度的函数内容
	function foldHeight(){
//		循环整个center区域
		$('.easyui-tabs').find('.tabs-panels').find('.panel').each(function(){
//			获取到当前显示的内容，进行当前显示的内容里的操作
			if($(this).is(':visible')){
//				给自动生成的一个div一个浮动的属性，使展开收起浮动层基于这个div进行准确绝对定位
				$(this).find('.floating_layer').parents('.panel-body').css('position','relative');
//				获取当前搜索区域的高度
			    var tilteheight=$(this).find('.floating_layer').next('div').find('.searchArea').outerHeight();
//			           将搜索区域的高度给展开收起浮动层
			    $(this).find('.floating_layer').height(tilteheight);
			};
		});
	};
//	计算是否需要展开收起浮动层的函数内容
	function unfoldShow(){
//		循环整个center区域
		$('.easyui-tabs').find('.tabs-panels').find('.panel').each(function(){
//			获取到当前显示的内容，进行当前显示的内容里的操作
			if($(this).is(':visible')){
//				获取搜索文本框的高度
				var searHeight=$(this).find('.searchPad').outerHeight(true);
//				根据搜索文本框父容器form元素的高度是否大于搜索文本框的高度来判断是否有一行以上的内容
				if($(this).find('.searchArea').find('form').height()>searHeight){
//					如果需要就显示展开收起浮动层
					$(this).find('.floating_layer').show();
				}else{
//					如果不需要就隐藏展开收起浮动层
					$(this).find('.floating_layer').hide();
				}
			};
		});
	};
//	计算查询按钮在收起状态下所处位置的函数
	function querylocation(){
//		循环整个center区域
		$('.easyui-tabs').find('.tabs-panels').find('.panel').each(function(){
//			获取到当前显示的内容，进行当前显示的内容里的操作
			if($(this).is(':visible')){
//				定义一个为0的数值
				var sum=0;
//				获取搜索区域的宽度
				var formwidth=$(this).find('.searchArea').outerWidth(true);
//				获取查询按钮的宽度
				var submitWidth=$(this).find('.searchArea').find('.spButton').outerWidth(true);
				var foldBtnWidth=$(this).find('.floating_layer').find('.fold_button').outerWidth();
				console.log(foldBtnWidth);
//				循环当前显示的页面搜索框来拿到所有搜索框的宽度
				$(this).find('.searchArea .searchPad').each(function(index){
//					让搜索框的宽度不断相加
					sum+=+$(this).outerWidth(true);
//					判断是否大于或等于父容器form的宽度
					if(sum>=$(this).parents('.searchArea').outerWidth(true)-submitWidth-foldBtnWidth){
//						停止相加
						return false;
					};
//					给父容器一个自动计算数值为查询按钮距离左边边界的内边距来让查询按钮占据位置
//					给查询按钮一个绝对定位的class
					
					$(this).parents('.searchArea').find('.spButton').addClass('active');
//					查询按钮的left值等于搜索框宽度相加到停止时的一个数值
					$(this).parents('.searchArea').find('.spButton').css('left',sum+'px');
					$(this).parents('.searchArea').find('.spButton').css('top','0');
					$(this).parents('.searchArea').find('form').css('padding-right',formwidth-sum-submitWidth+'px');
					
				}); 
				
			};
		});
	};
//	当页面大小改变时的操作
	window.onresize=function(){
//		动态使用easyui的属性使得父容器自动计算宽高，之后才可以进行查询安妮重新定位的函数
		 $('.easyui-layout').layout({
		        fit:true
		    });
		
//		循环整个center区域
		$('.easyui-tabs').find('.tabs-panels').find('.panel').each(function(){
//			获取到当前显示的内容，进行当前显示的内容里的操作
			if($(this).is(':visible')){
//				当当前显示的区域内的搜索区域为展开状态下
		        if($(this).find('.floating_layer').find('.fold_button').text()=='收起搜索'){
//	        		展开状态下的查询按钮不能位置改变，所以删除绝对定位的class
		        	$('.searchArea').find('.spButton').removeClass('active');
//	        		展开状态下让父容器不能有内边距占据空白位置，设置为0
					var foldBtnWidth=$(this).find('.floating_layer').find('.fold_button').outerWidth();
		        	$(this).find('.searchArea').find('form').css('padding-right',foldBtnWidth);
//	        		在展开状态下判断是否需要展开收起的按钮
		        	var searHeight=$(this).find('.searchPad').outerHeight(true);
		        		if($(this).find('.searchArea').find('form').height()>searHeight){
//		        			需要的话就显示展开收起浮动层
		        			$(this).find('.floating_layer').show();
//		        			并且给搜索区域一个高度自动的class保持当前状态
		        			$(this).find('.floating_layer').next('div').find('.searchArea').addClass('active');
//		        			重新计算展开收起按钮浮动层的高度的函数
		        			foldHeight();
		        			
			        	}else{
//		        			不需要的话就隐藏展开收起浮动层
			        		$(this).find('.floating_layer').hide();
//		        			并且删除搜索区域一个高度自动的class
			        		$(this).find('.floating_layer').next('div').find('.searchArea').removeClass('active');
//		        			重新计算展开收起按钮浮动层的高度的函数
			        		foldHeight();
			        	}
		        };
		        if($(this).find('.floating_layer').find('.fold_button').text()=='展开搜索'){	
		        	querylocation();
		        	unfoldShow();
			    	foldHeight();
		        };
			};
		});
	 };
};

//展开收起按钮点击事件
function exPandTab(oneself){
  if($(oneself).text()=='展开搜索'){
	  if($(oneself).is('.fold_button_right')){
		  $(oneself).addClass('bottom_active');
	  }
//    点击添加让搜索框区域的高度变为auto的class
      $(oneself).parent('.floating_layer').next('div').find('.searchArea').addClass('active');
//    让父容器form的内边距变为0，不让内边距占位置导致有大量空白
      var foldBtnWidth=$(oneself).outerWidth();
      $(oneself).parent('.floating_layer').next('div').find('.searchArea').find('form').css('padding-right',foldBtnWidth);
//    删除按钮的绝对定位class，让按钮正常排序在最后的搜索框后面
      $(oneself).parent('.floating_layer').next('div').find('.searchArea').find('.spButton').removeClass('active');
//    重新计算一次展开收起按钮层的高度，使其与搜索栏容器的高度一致
      var tilteheight=$(oneself).parent('.floating_layer').next('div').find('.searchArea').outerHeight();
      $(oneself).parent('.floating_layer').height(tilteheight);
      $(oneself).text('收起搜索');
      $(oneself).addClass('active');
      $('.easyui-layout').layout({
          fit:true
      });
  }else{
//    删除自动高度auto的class
	  if($(oneself).is('.fold_button_right')){
		  $(oneself).removeClass('bottom_active');
	  }
      $(oneself).parent('.floating_layer').next('div').find('.searchArea').removeClass('active');
      $(oneself).text('展开搜索');
      $(oneself).removeClass('active');
//    重新计算展开收起层的高度
      var tilteheight=$(oneself).parent('.floating_layer').next('div').find('.searchArea').outerHeight();
      $(oneself).parent('.floating_layer').height(tilteheight);
//    重新计算查询按钮的位置使其排序在收起状态下的显示的一行的末尾
//    定义一个为0的数值
  	  var sum=0;
  	  var foldBtnWidth=$(oneself).outerWidth();
//    循环搜索框来拿到所有搜索框的宽度
  	  $(oneself).parents('.floating_layer').next('div').find('.searchArea').find('.searchPad').each(function(index){
//  		获取查询按钮的宽度
	  		var formwidth=$(oneself).parents('.floating_layer').next('div').find('.searchArea').outerWidth(true);
	  		var submitWidth=$(oneself).parents('.floating_layer').next('div').find('.searchArea').find('.spButton').outerWidth(true);
//  		让搜索框的宽度不断相加
	  		sum+=+$(this).outerWidth(true);
//  		判断是否大于或等于父容器form的宽度
	  		if(sum>=formwidth-submitWidth-foldBtnWidth){
//  			停止相加
	  			return false;
	  		};

//  		给查询按钮一个绝对定位的class
	  		$(oneself).parents('.floating_layer').next('div').find('.searchArea').find('form').find('.spButton').addClass('active');
//  		查询按钮的left值等于搜索框宽度相加到停止时的一个数值
	  		$(oneself).parents('.floating_layer').next('div').find('.searchArea').find('form').find('.spButton').css('left',sum+'px');
	  		$(oneself).parents('.floating_layer').next('div').find('.searchArea').find('form').find('.spButton').css('top','0');
//			给父容器一个自动计算数值为查询按钮距离左边边界的内边距来让查询按钮占据位置
	  		$(oneself).parents('.floating_layer').next('div').find('.searchArea').find('form').css('padding-right',formwidth-sum-submitWidth+'px');
  	  });
  	 $('.easyui-layout').layout({
         fit:true
     });
  }; 
};
